$(function(){
    //失去焦点：blur
    $('#phone').blur(function(){
        var phone = $(this).val()
        if(phone == '') return
        if(/^1[3-9]\d{9}$/.test(phone)){
            var url = 'https://serverms.xin88.top/users/checkPhone'
            // 参数1：请求地址
            // 参数2：请求参数支持两种语法 - 字符串 和对象
            // -- 字符串：'参数名=值&参数名=值...'
            // 参数3：回调函数
            $.post(url,{phone},data=>{
                console.log(data)
                if(data.code == 200){
                    $(this).next().show()
                }
                if(data.code == 202){
                    $(this).addClass('err').nextAll().last().show()
                }
            })
        }else{
            $(this).addClass('err').next().next().show()
        }
    })
    .focus(function(){
        $(this).removeClass('err').nextAll().hide()
    })
    $('#password').blur(function(){
        var password = $(this).val()
        if(password == '') return
        if(password.length>=6&&password.length<=12){
            $(this).next().show()
        }else{
            $(this).addClass('err').next().next().show()
        }
    })
    .focus(function(){
        $(this).removeClass('err').nextAll().hide()
    })
    $('#repassword').blur(function(){
        var repwd = $(this).val()
        var pwd = $('#password').val()
        if(repwd == '') return
        if(repwd == pwd){
            $(this).next().show()
        }else{
            $(this).addClass('err').next().next().show()

        }
    })
    .focus(function(){
        $(this).removeClass('err').nextAll().hide()
    })
    $('.agree+button').click(function(){
        // 读取勾选状态
        var checked = $('.agree input').prop('checked')
        if(!checked){
            $('.agree').addClass('animate__animated animate__bounce')
            return
        }
    })
    $('.agree').on('animationend',function(){
        $(this).removeClass('animate__bounce')
    })
})